/* everything about navbar */

/* class for the color */
.navbar-custom {
    background-color: rgb(241, 255, 241);
}


.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

/* this class maybe not needed ; redundant with the following one */
.dropdown-menu>li:hover>.dropdown-submenu {
    display: block;
}

.navbar-nav li:hover>ul.dropdown-menu {
    display: block;
}

/* end of dropdonw submenu class */

/* I dont know */
summary {
    font-weight: bold;
    /* font-size: 26px;  */
    /* margin: -.5em -.5em 0;
    padding: .5em; */
}

/* main class used for the article */

.MonArticle {
    width: 50%;
    margin: auto;
    font-size: 18px;
    line-height: 1.5;
    text-align: justify;
    text-justify: auto;

}

/* to allow for smaller title when title are very long */
.EnglishTitle {

    line-height: 150%;
    font-size: 1.9em;

}

/* for citation */
.ol_citation li {
    margin-bottom: 4%;
}

/* for bibliography and puces in thesis */
ol li {
    margin-bottom: 10px;
}

ul li {
    margin-bottom: 10px;
}

/* increasing space after title (goal): but actually increase space between line */
h1 {
    line-height: 200%;
}

h2 {
    line-height: 150%;
}

/* Pour Rousseau surlignement jaune */

mark {
    background-color: yellow;
    color: black;
}

/* Pour Rousseau trois images cote à cote */

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
    float: left;
    width: 33.33%;
    padding: 5px;
}

/* Clear floats after image containers */
.row::after {
    content: "";
    clear: both;
    display: table;
}


/* I guess everythings related to blockquote */

blockquote {
    margin: 0;
}

blockquote p {
    padding: 15px;
    background: #eee;
    border-radius: 5px;
    font-style: italic;
}


figcaption {
    font-style: italic;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width: 50%; */
}

/* pour gérer une couleur de l'écriture vraiment noir (le texte du body et des liens) */

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
}

body {

    color: #000000;

}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, 1);
}

/* pour le rouge de l'article rousseau wikipedia */

.texte_rouge {
    color: #DC143C;
}

.texte_vert {
    color: green;
}

.roman_ol {
    list-style-type: lower-alpha;
}

/* end of  everythings related to blockquote */


/* for mobile in portrait mode */


@media all and (max-device-width: 600px) {
    /* Your CSS rules for your mobile phones here */

    .MonArticle {
        width: 75%;
        margin: auto;
        font-size: 18px;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;

    }
}

/* mobile in  orientation : landscape */

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
    .MonArticle {
        width: 75%;
        margin: auto;
        font-size: 18px;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;

    }
}

@media print {
    header {
        display: none !important;
    }

    .MonArticle {
        width: 100% !important;
        font-size: 16px;
        
        /* font-size: 12pt !important; */
    }

    /* Définir les marges pour chaque page imprimée */
    @page {
        margin: 2cm 2.5cm 2.5cm 2.5cm !important;
        /* Marges adaptées à l'impression */
    }

    /* Adapter les images pour l'impression */
    img {
        max-width: 100% !important;
        /* Ne pas dépasser la largeur de la page */
        height: auto !important;
    }

}




/* @media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {

    .MonArticle {
        width: 75%;
        margin: auto;
        font-size: 18px;
        line-height: 1.5;
        text-align: justify;
        text-justify: auto;

    }
} */